<!--<template>-->
<!--  <div>-->
<!--    <p style="font-size: 50px">这是主页，加载中 . . . <i class="el-icon-loading"></i></p>-->
<!--    <b>欢迎你！{{ user.nickname }}</b>-->
<!--  </div>-->

<!--  <el-row :gutter="30">-->
<!--    <el-col :span="12">-->
<!--      <div style="padding: 20px 0; font-size: 20px">关于我们</div>-->
<!--      <div>这是一款优秀的进销存管理系统</div>-->
<!--      <div class="ml-10">-->
<!--        <el-button type="primary"><i class="el-icon-s-custom"></i> 联系方式：QQ：842093229</el-button>-->
<!--      </div>-->
<!--      <div class="ml-10">-->
<!--      </div>-->
<!--    </el-col>-->
<!--    <el-col :span="12">-->
<!--      <div style="padding: 20px 0; font-size: 20px">技术栈</div>-->
<!--      <el-row>-->
<!--        <el-col :span="12" style="line-height: 30px">-->
<!--          <div><b>后端</b></div>-->
<!--          <div>SpringBoot2</div>-->
<!--          <div>Hutool</div>-->
<!--          <div>Poi</div>-->
<!--          <div>Lombok</div>-->
<!--          <div>Mybatis/Mybatis-plus</div>-->
<!--        </el-col>-->
<!--        <el-col :span="12" style="line-height: 30px">-->
<!--          <b>前端</b>-->
<!--          <div>Vue2</div>-->
<!--          <div>Vue-Router</div>-->
<!--          <div>VueX</div>-->
<!--          <div>ElementUI</div>-->
<!--          <div>Axios</div>-->
<!--        </el-col>-->
<!--      </el-row>-->
<!--    </el-col>-->
<!--  </el-row>-->

<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  name: "Home"-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->

<template>
  <div style="color: #666;font-size: 14px;margin-top: 20px">
    <div style="padding-bottom: 20px">
      <b>&nbsp;&nbsp;&nbsp;&nbsp;欢迎你！{{ user.nickname }}</b>
    </div>
    <el-card>
      制作人员名单：202003110202蔡友鹏
      <el-divider/>
      这是我们所制作的一个ERP企业进销存管理系统<br><br>
      包含进·销·存及系统用户管理、系统监控、商品信息管理、功能管理、高德地图集成等模块<br><br>
      如果需要可以联系我们：QQ：842093229，微信：17673485054
    </el-card>
    <div style="height: 1px; background: #ddd; margin: 20px 0"/>

    <el-card
        style="color: #ff4040;height: 285px; width:calc((100vw - 400px)/2);display: inline-block;margin-left: 50px">
      <el-row :gutter="30">
        <!--        <el-col :span="12">-->
        <div style="font-size: 20px; text-align: center">&nbsp;指路 => 由此去</div>
        <div style="padding-top:60px; display: inline-block;text-align: center">
          &nbsp;&nbsp;&nbsp;&nbsp;这是一款基于SpringBoot+Vue2.0打造的ERP企业进销存管理系统，集成SwaggerUI+MyBatisPlus
        </div>
        <div style="margin: 10px;text-align: center;margin-top: 80px">
          <br/>
          <el-button type="primary"><i class="el-icon-s-custom"></i> 我的QQ：842093229</el-button>
          <el-button type="primary"><i class="el-icon-link"></i> <a style="color: #fff"
                                                                    href="https://gitee.com/caiyoupeng00/invoicing-management-system">Gitee源码</a>
          </el-button>
          <el-button type="primary"><i class="el-icon-link"></i> <a style="color: #fff"
                                                                    href="https://gitee.com/caiyoupeng00">我的Gitee主页</a>
          </el-button>
        </div>
        <!--        </el-col>-->
      </el-row>
    </el-card>
    <el-card
        style="color: #409EFF; width:calc((100vw - 400px)/2);display: inline-block;margin-left: 50px;text-align: center">
      <!--      <el-col :span="12">-->
      <div style="font-size: 20px;padding-bottom: 40px">技术栈</div>
      <el-row>
        <el-col :span="12" style="line-height: 30px">
          <div><b>后端</b></div>
          <div>SpringBoot2</div>
          <div>Hutool</div>
          <div>Poi</div>
          <div>Lombok</div>
          <div>Mybatis/Mybatis-plus</div>
        </el-col>
        <el-col :span="12" style="line-height: 30px">
          <b>前端</b>
          <div>Vue2</div>
          <div>Vue-Router</div>
          <div>VueX</div>
          <div>ElementUI</div>
          <div>Axios</div>
        </el-col>
      </el-row>
      <!--      </el-col>-->
    </el-card>

  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      user: localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {}
    }
  }
}
</script>
